<div class="modal" ng-controller="HistoryTableController">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <div class="pull-right">
          <button type="button" class="close" ng-click="$hide()">&times;</button>
        </div>
        <h3 class="modal-title">{{ 'PROCESS.TITLE.COMMEND-HISTORY' | translate }}</h3>
      </div>
      <div class="modal-body">
        <table class="table" ng-if="historyData.length">
          <tr>
            <th>{{ 'PROCESS.HISTORY.COMMEND-PERSON' | translate }}</th>
            <th>{{ 'PROCESS.HISTORY.NODE' | translate }}</th>
            <th>{{ 'PROCESS.HISTORY.COMMEND-TIME' | translate }}</th>
            <th>{{ 'PROCESS.HISTORY.ACTION' | translate }}</th>
            <th>{{ 'PROCESS.HISTORY.COMMEND-CONTENT' | translate }}</th>
          </tr>
          <tr ng-repeat="item in historyData">
            <td style="max-width:10%;">{{ item.userName }}</td>
            <td style="max-width:20%;">{{ item.actName }}</td>
            <td style="max-width:20%;">{{ item.time | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
            <td style="max-width:10%;">{{ item.actionName }}</td>
            <td style="max-width:40%;" title="{{item.message}}">{{ item.message }}</td>
          </tr>
        </table>

        <p ng-if="!historyData.length" style="text-align: center;">{{ 'PROCESS.HISTORY.NOREMARKS' | translate }}</p>
      </div>
      <div class="modal-footer">
        <div class="pull-right">
          <button type="button" class="btn btn-sm btn-default" ng-click="cancel()">
            {{ 'GENERAL.ACTION.CLOSE' | translate }}
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
